<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
    <title>天算星座-卫星大数据平台</title>
    <style type="text/css">  
		html{height:100%}    
		body{height:100%; margin:0px; padding:0px; background-color: #000;}     
	</style> 
	<script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=b07Txardz712vRTFjDaBbPEmzOynEzOR"></script>
	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="stylesheet" href="css/app.css"/>
	<link rel="stylesheet" href="css/viewer.css">
    <script src="js/viewer.js"></script>
	
	<script src="sdk/sdk.js"></script>
	<link rel="stylesheet" href="sdk/sdk.css" />
    <link rel="stylesheet" href="sdk/helper.css" />
</head>
<body>
	<!--header-->
	<div data-v-d1db20f6="" data-v-258a4cb6="" class="logo-menu">
		<div data-v-d1db20f6="" class="logo-wrap clearfix">
			<div data-v-d1db20f6="" class="logo-img fl">
				<img data-v-d1db20f6="" src="" alt="">
			</div>
			<div data-v-d1db20f6="" class="logo-title fl">
				<span data-v-d1db20f6="">
						天算星座-智能解译中心
				</span>
			</div>
		</div> 
		<div data-v-d1db20f6="" class="menu-dialog" style="display: none;">
			<i data-v-d1db20f6="" class="close-icon el-icon-close">
			</i>
			<div data-v-d1db20f6="" class="menu-img">
				<img data-v-d1db20f6="" src="" alt="">
			</div>
		</div>
	</div>
	<div data-v-37c16eed="" data-v-258a4cb6="" class="header-wrap headerGradient">
		<div data-v-37c16eed="" class="header">
			<div data-v-37c16eed="" class="fr header-content" style="width:100px;">
				<span data-v-37c16eed="" class="avartar">
					<i data-v-37c16eed="" class="icon iconfont icontouxiang">
					</i>
				</span>
			</div>
			<div data-v-37c16eed="" class="fr home-wrap">
				<div data-v-37c16eed="" class="to-index">
					<a href="https://www.bupt.edu.cn/" style="color: white;">
						北京邮电大学
					</a>
				</div>
			</div>
		</div>
	</div>
	<!--left-->
	<div data-v-258a4cb6="" id="left" style="display: none;">
		<div data-v-258a4cb6="" class="conditions-retrieval leftZore">
		</div>
		<div data-v-258a4cb6="" class="conditions-text leftZoreText" id="tackle_btn">
			智能解译
		</div>
		<div data-v-258a4cb6="" class="precise-query leftZore1">
			<div data-v-258a4cb6="" class="Parallelogram">
			</div>
		</div>
		<div data-v-258a4cb6="" class="precise-text leftZoreText" id="search_btn">
			数据检索
		</div>
		<div data-v-258a4cb6="" class="switch-text leftZoreBtn">
			<i data-v-258a4cb6="" class="el-icon-arrow-up"></i>
		</div>
	</div>
	<div data-v-258a4cb6="" id="tackle_right">
		<div data-v-258a4cb6="" class="conditions-retrieval"></div>
		<div data-v-258a4cb6="" class="conditions-text">
			智能解译
		</div>
		<div data-v-258a4cb6="" class="switch-text">
			<i data-v-258a4cb6="" class="el-icon-arrow-down"></i>
		</div>
	</div>
	<div data-v-5855f98c="" id="tackle_set" data-v-258a4cb6="" class="panel_wrap">
		<div data-v-132f128f="" data-v-5855f98c="" class="region_content">
			<div data-v-132f128f="" class="el-tabs el-tabs--top">
				<div class="el-tabs__header is-top">
					<div class="el-tabs__nav-wrap is-top">
						<div class="el-tabs__nav-scroll">
							<div role="tablist" class="el-tabs__nav is-top" style="transform: translateX(0px);">
								<div class="el-tabs__active-bar is-top" style="width: 40px; transform: translateX(0px);">
								</div>
								<div id="tab-first" aria-controls="pane-first" role="tab" aria-selected="true"
								tabindex="0" class="el-tabs__item is-top is-active">
									解译处理
								</div>
							</div>
						</div>
					</div>
				</div>
				<div data-v-5855f98c="" class="list">
					<div data-v-4ed19afa="" data-v-5855f98c="" class="satellite-sensor-filter">
						<div data-v-4ed19afa="" class="el-select typeInput" style="width: 100%;">
							<div class="el-select__tags">
								<span>
									<!--1-->
									<span class="el-tag el-tag--info el-tag--small el-tag--light">
										<span class="el-select__tags-text">
											SAR水体提取
										</span>
									</span>
									<!--2-->
									<span class="el-tag el-tag--info el-tag--small el-tag--light">
										<span class="el-select__tags-text">
											SAR水体提取
										</span>
									</span>
								</span>
							</div>
							<div class="el-input el-input--suffix">
								<!---->
								<input type="text" readonly="readonly" autocomplete="off" placeholder=""
								class="el-input__inner" style="height: 78px;">
								<!---->
								<span class="el-input__suffix">
									<span class="el-input__suffix-inner">
										<i class="el-select__caret el-input__icon el-icon-arrow-up">
										</i>
									</span>
								</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div data-v-5855f98c="" class="select-sousuo clearfix">
			<div data-v-5855f98c="" class="tabs-wrap fl">
				<div data-v-5855f98c="" class="el-tabs el-tabs--card el-tabs--top">
					<div class="el-tabs__header is-top">
						<div class="el-tabs__nav-wrap is-top">
							<div class="el-tabs__nav-scroll">
								<div role="tablist" class="el-tabs__nav is-top" style="transform: translateX(0px);">
									<div id="tab-1" aria-controls="pane-1" role="tab" tabindex="0" class="el-tabs__item is-top is-active"
									aria-selected="true">
										<span data-v-5855f98c="" class="tab-wrap">
											<span data-v-5855f98c="" class="noclose">
												任务列表
											</span>
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="el-tabs__content">
						<div data-v-5855f98c="" role="tabpanel" id="pane-1" aria-labelledby="tab-1"
						class="el-tab-pane" style="">
						</div>
					</div>
				</div>
			</div>
			<div data-v-5855f98c="" class="fr sousuo-icon" id="tackleBtn">
				<i data-v-5855f98c="" class="icon-sousuo">
					<i data-v-5855f98c="" class="handle">
					</i>
				</i>
			</div>
		</div>
		<div data-v-5855f98c="" class="dropdown_panel">
			<!--task list-->
			<div id="task_result"></div>
		</div>
	</div>
	<!--right-->
	<div data-v-65550fc3="" class="zyb-ss clearfix">
		<div data-v-65550fc3="" id="searchBox" class="fl zyb-ss_fl">
			<input data-v-65550fc3="" type="text" placeholder="请输入数据ID">
		</div> 
		<!---->
		<div data-v-65550fc3="" class="fr zyb-ss_fr">
			<button data-v-65550fc3="" class="saveiconbox bluesaveiconbox">
				<i data-v-65550fc3="" class="icon iconfont iconshangchuanfujian"></i>
			</button>
		</div>
		<!---->
	</div>
	<!--image-->
	<img id="image" src="00493826536952347667.png" style="height: 100%; display: none;">
</div>
</body>
<script type="text/javascript">
      (function () {
        let amis = amisRequire('amis/embed');
        // 通过替换下面这个配置来生成不同页面
        let amisJSON = {
		  "type": "page",
		  "body": {
			"type": "service",
			"api": "/amis/api/mock2/crud/table",
			"body": [
			  {
				"type": "pagination-wrapper",
				"inputName": "rows",
				"outputName": "rows",
				"perPage": 2,
				"position": "bottom",
				"body": [
				  {
					"type": "table",
					"source": "${rows}",
					"columns": [
					  {
						"name": "data_id",
						"label": "ID",
						"searchable": true
					  },
					  {
						"name": "task_type",
						"label": "任务",
						"searchable": true
					  },
					  {
						"name": "data_date",
						"label": "时间",
						"sortable": true
					  },
					  {
						"name": "data_satellite",
						"label": "操作",
						"popOver": {
						  "body": {
							"type": "tpl",
							"tpl": "详细信息：${browser}"
						  }
						}
					  }
					]
				  }
				]
			  }
			]
		  }
		};
        let amisScoped = amis.embed('#task_result', amisJSON);
      })();
</script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    var viewer = new Viewer(document.getElementById('image'), {
		inline: true,
		navbar: false, // 隐藏导航栏
		button: false, // 隐藏关闭按钮
		title: false, // 隐藏标题
		tooltip: false, // 隐藏缩放比例
		toolbar: {
			zoomIn: true, // 显示放大按钮
			zoomOut: true, // 显示缩小按钮
			oneToOne: true, // 显示还原按钮
			rotateLeft: true, // 显示向左旋转按钮
			rotateRight: true // 显示向右旋转按钮
		},
		viewed: function() {
			viewer.zoomTo(0.6); // 设置初始缩放比例，1 表示原始大小
		}
    });
  });
</script>
</html>